﻿@{
    ViewBag.Title = "Inicio";
    ViewBag.Header = "BIENVENID@";
}

<div class="jumbotron">
    <div class="alert alert-info saim-welcome" role="alert">@ViewBag.Header</div>

    <div id="myCarousel" class="carousel slide" data-ride="carousel" style="max-width: 640px; margin: 0px auto;">

        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="@Url.Content("~/Content/Images/Slider/01.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/04.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/06.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/10.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/11.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/12.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/13.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/14.jpg")" alt="Instituto de Metalurgia">
            </div>
            <div class="item">
                <img src="@Url.Content("~/Content/Images/Slider/16.jpg")" alt="Instituto de Metalurgia">
            </div>
        </div>

        <!-- Left and right controls -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span style="right: 25%;" class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span style="right: 25%;" class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span style="left: 25%;" class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span style="left: 25%;" class="sr-only">Next</span>
        </a>
    </div>
</div>
